<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">

	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

	<title>新浪读书</title>


	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">

</head>
<body>

	<div class="main_con">

<!-- 头部 -->
		<header>
			<h3>新浪读书</h3>
		</header>

<!-- 页面内容 -->
		<div class="roll">

			<div class="user" class="clearfix">
				<img src="images/pic.png" class="fl">
				<h3 class="fl">欢迎，天下雪</h3>
				<img src="images/search.png" class="search_con fr">
			</div>
			
			<div class="banner">

				<ul class="slide">
					<li><img src="images/banner1.jpg"></li>
					<!-- <li><img src="images/banner2.jpg"></li>
					<li><img src="images/banner3.png"></li>
					<li><img src="images/banner4.jpg"></li> -->
				</ul>
				
				<ul class="points">
					<li class="active"></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			
			</div>

			<div class="toppest_list clearfix">

				<h3 class="tl1 fl">本周最火</h3>
				<h3 class="tl2 fr"><a href="index.html">更多&gt;</a></h3>
				
			</div>

			<div class="book_info clearfix">
				<img class="fl" src="images/book1.png">
				<ul class="fl">
					<li class="title">
						<a href="book_1.html">抗日之我为战神</a>
					</li>
					<li class="word1">作者：风雪云中路</li>
					<li class="word2">标签：科幻</li>
					<li>摘要：第一次见苏墨的时候，我直接把它当成是服务业；结账前，他笑着说道</li>
				</ul>
			</div>

			<div class="book_info clearfix">
				<img class="fl" src="images/book2.png">
				<ul class="fl">
					<li class="title">
						<a href="book_2.html">我的绝色明星老婆</a>
					</li>
					<li class="word1">作者：红烧龙虾</li>
					<li class="word2">标签：科幻</li>
					<li>摘要：第一次见苏墨的时候，我直接把它当成是服务业；结账前，他笑着说道</li>
				</ul>
			</div>

			<div class="book_info clearfix">
				<img class="fl" src="images/book1.png">
				<ul class="fl">
					<li class="title">
						<a href="book_3.html">吞噬苍穹</a>
					</li>
					<li class="word1">作者：虾米XL</li>
					<li class="word2">标签：科幻</li>
					<li>摘要：第一次见苏墨的时候，我直接把它当成是服务业；结账前，他笑着说道</li>
				</ul>
			</div>

			
		
		</div>
<!-- 底部 -->
		<footer>
			<ul>
				
				<li class="f1">
					<a href=""></a>
					<h3>首页</h3>
				</li>

				<li class="f2">
					<a  href=""></a>
					<h3>免费</h3>
				</li>

				<li class="f3">
					<a href=""></a>
					<h3>书单</h3>
				</li>

				<li class="f4">
					<a href=""></a>
					<h3>分类</h3>
				</li>

				<li class="f5">
					<a href=""></a>
					<h3>榜单</h3>
				</li>
			
			</ul>
		</footer>
	
	</div>



</body>
</html>








